<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid24.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen">
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/ff_cash.js" type="text/javascript"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
	<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
	<script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/PT_Sans_400-PT_Sans_700.font.js" type="text/javascript"></script>
    <script src="js/PT_Sans_Narrow_400-PT_Sans_Narrow_700.font.js" type="text/javascript"></script>
    <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script>
	$(function(){
			   
		$("a[data-gal^='prettyPhoto']").prettyPhoto({theme:'facebook'});
			   
		$(".list-1 li").hover(function(){
			$(this).addClass("alt");
			Cufon.refresh();
		}, function(){
			$(this).removeClass("alt");
			Cufon.refresh();
		});

		$(".social-buttons li a").hover(
			function(){$(this).stop().animate({marginTop:'-5px', paddingBottom:'5px'}, 80);}, 
			function(){$(this).stop().animate({marginTop:'0px', paddingBottom:'0px'}, 80);}
		);

		
	})
</script>
	<!--[if lt IE 7]> 
  <div style='clear:both; text-align:center; position:relative;'><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img                       src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today." /></a></div>
 <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
    <!--[if IE 9]>
        <link rel="stylesheet" href="css/ie9.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page3">
    <div class="container_24">
    	<div class="grid_24">
            <!--==============================header=================================-->
            <header>
            	<div class="row-1">
                	<h1><a href="index.html">Pro.com</a></h1>
                    <div class="slogon">providing best solutions</div>
                </div>
                <div class="row-2">
					<nav>
						<ul class="sf-menu">
							<li><a href="index.html"><strong>home</strong></a></li>
							<li><a href="index-1.html">company</a></li>
							<li><a class="current" href="index-2.html">services</a>
								<ul>
									<li><a href="#">Services List</a></li>
									<li><a href="#">Special Services</a>
										<ul>
											<li><a href="#">Networking</a></li>
											<li><a href="#">Technical Support</a></li>
										</ul>
									</li>
									<li><a href="#">New Services</a></li>
									<li><a href="#">Integration</a></li>
                                </ul>
							</li>
							<li><a href="index-3.html">careers</a></li>
							<li><a href="index-4.html">clients</a></li>
							<li class="last">
                            	<a href="index-5.html"><strong>contacts</strong></a>
                            </li>
                         </ul>
						<div class="clear"></div>
					</nav>
                </div>
            </header>
            <!--==============================End header=================================-->
            
            <!--==============================content================================-->
            <section id="content">
            	<div class="content-bg">
                	<div class="border-1 bot-pad indent-bot4">
	                	<div class="p3">
		                	<ul class="list-1">
		                    	<li>
                                	<div class="aligncenter">
                                        <h2 class="p2">commerce</h2>
                                        <p class="p1">Est omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                        <li class="item-2">
                                	<div class="aligncenter">
                                        <h2 class="p2">integrations</h2>
                                        <p class="p1">Aso omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                        <li class="item-3">
                                	<div class="aligncenter">
                                        <h2 class="p2">our portal</h2>
                                        <p class="p1">Est omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                        <li class="item-4">
                                	<div class="aligncenter">
                                        <h2 class="p2">strategy</h2>
                                        <p class="p1">Aso omnis doloreserele- dusempquibdameto aureru- moms odes necessitatibus saepe eveniet redums Eto- luptates estudesu usandaeIt- aque earumumel...</p>
                                    </div>
		                            <a href="#"></a>
		                        </li>
		                    </ul>
	                        <div class="clear"></div>
		                </div>
	                    <div class="aligncenter">
	                      <h4 class="p2">The Best Professional Services for Your Business!</h4>
	                      <div class="text-1">
	                      	Asitatibus saepe eveniet redums Etoluptates estudesu usandaeItaque earum umel rerum hic tenetura sapiravi <br />reiciendiptatibus ass maiores alias. Asperiores repellat aurerum odes necessbus.
	                      </div>
	                    </div>
                    </div>
                    <h3 class="indent-bot2">The Best services Available in a Cost-Effective Package</h3>
                    <div class="wrapper p2">
                    	<div class="alpha grid_8">
                        	<figure class="img-border">
                            	<a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[prettyPhoto]"><img class="prev-indent-bot" src="images/page3-img1.jpg" alt="" /></a>
                                <h6>Est omnis dolore ipsume dusempqui.</h6>
                                Asitatibus saepe eveniet redums Etoluptateser estudesu usandaeItaque earum um.
                            </figure>
                        </div>
                        <div class="grid_8">
                        	<figure class="img-border">
                            	<a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[prettyPhoto]"><img class="prev-indent-bot" src="images/page3-img2.jpg" alt="" /></a>
                                <h6>Est omnis dolore ipsume dusempqui.</h6>
                                Asitatibus saepe eveniet redums Etoluptateser estudesu usandaeItaque earum um.
                            </figure>
                        </div>
                        <div class="grid_8 omega">
                        	<figure class="img-border">
                            	<a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[prettyPhoto]"><img class="prev-indent-bot" src="images/page3-img3.jpg" alt="" /></a>
                                <h6>Est omnis dolore ipsume dusempqui.</h6>
                                Asitatibus saepe eveniet redums Etoluptateser estudesu usandaeItaque earum um.
                            </figure>
                        </div>
                    </div>
                    <div class="wrapper">
                    	<div class="alpha grid_8">
                        	<figure class="img-border">
                            	<a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[prettyPhoto]"><img class="prev-indent-bot" src="images/page3-img4.jpg" alt="" /></a>
                                <h6>Est omnis dolore ipsume dusempqui.</h6>
                                Asitatibus saepe eveniet redums Etoluptateser estudesu usandaeItaque earum um.
                            </figure>
                        </div>
                        <div class="grid_8">
                        	<figure class="img-border">
                            	<a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[prettyPhoto]"><img class="prev-indent-bot" src="images/page3-img5.jpg" alt="" /></a>
                                <h6>Est omnis dolore ipsume dusempqui.</h6>
                                Asitatibus saepe eveniet redums Etoluptateser estudesu usandaeItaque earum um.
                            </figure>
                        </div>
                    </div>
                </div>    
            </section>
            <!--==============================End content================================-->
            
            <!--==============================footer=================================-->
            <footer>
                <div class="text-bot">
                	<a class="footer-logo" href="index.html"></a>
                    &copy; 2011 | <a href="index-6.html">Privacy policy</a>
                </div>
                <div class="fright">
                    <ul class="social-buttons">
                        <li>follow us on:</li>
                        <li><a class="item-1" href="#" title="Twitter"></a></li>
                        <li><a class="item-2" href="#" title="Facebook"></a></li>
                        <li><a class="item-3" href="#" title="Linkedin"></a></li>
                        <li><a class="item-4" href="#" title="Flickr"></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </footer>
            <!--==============================End footer=================================-->
        </div>
        <div class="clear"></div>
    </div>
    <script type="text/javascript"> Cufon.now(); </script>
</body>
</html>